.back
{
	width: 50rpx;
	height: 50rpx;
	position: fixed;
	left: 40rpx;
	z-index: 99;
	top: 0;
}
.banner
{
	width: 750rpx;
	height: 700rpx;
	position: relative;
	.bannerswiper
	{
		width: 100%;
		height: 100%;
		.sliderimg
		{
			width: 100%;
			height: 100%;
		}
	}
	.dots
	{
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		left: 30rpx;
		width: 690rpx;
		bottom: 20rpx;
		.dot
		{
			width: 50rpx;
			height: 6rpx;
			background-color: rgba(255, 255, 255, 0.5);
			margin: 0 5rpx;
		}
		.active
		{
			background-color: #312C39;
		}
	}
}
.name
{
	padding: 30rpx;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	font-size: 34rpx;
	font-size: 500;
	color: #FFFFFF;
	image
	{
		width: 30rpx;
		height: 30rpx;
		margin-left: 10rpx;
		margin-top: 10rpx;
	}
}
.rateview
{
	margin: 0 30rpx;
	width: 690rpx;
	background-color: #3D3943;
	display: flex;
	align-items: center;
	height: 156rpx;
	padding: 0 40rpx;
	box-sizing: border-box;
	border-radius: 20rpx;
	position: relative;
	.left
	{
		display: flex;
		flex-direction: column;
		color: #FFF29A;
		align-items: center;
		justify-content: center;
		image
		{
			width: 40rpx;
			height: 40rpx;
		}
		.score
		{
			font-size: 32rpx;
			font-weight: 500;
			margin-top: 4rpx;
			text{
				font-size: 20rpx;
			}
		}
	}
	.line
	{
		background-color: #908C96;
		height: 80rpx;
		width: 2rpx;
		margin: 0 30rpx;
	}
	.star
	{
		font-size: 24rpx;
		color: #9F9F9F;
		display: block;
		.tip
		{
			margin-bottom: 15rpx;
			margin-left: 10rpx;
		}
	}
	.ping
	{
		position: absolute;
		right: 40rpx;
		height: 100%;
		text-align: center;
		line-height: 156rpx;
		font-size: 30rpx;
		color: #FFF29A;
	}
}

.descview
{
	padding: 0 30rpx;
	margin-top: 40rpx;
	box-sizing: border-box;
	.top
	{
		display: flex;
		align-items: center;
		.line
		{
			width: 4rpx;
			height: 32rpx;
			background-color: #FFF29A;
			border: 2rpx;
		}
		text{
			color: #FFF29A;
			font-size: 32rpx;
			font-weight: 500;
			margin-left: 20rpx;
		}
	}
	.desc
	{
		color: #9F9F9F;
		font-size: 28rpx;
		margin-top: 20rpx;
		line-height: 56rpx;
		position: relative;
		height: 160rpx;
		overflow: hidden;
	}
	.desc::after {
	  content: '';
	  position: absolute;
	  bottom: 0;
	  right: 0;
	  width: 100%;
	  height: 100rpx;
	  text-align: right;
	  background: linear-gradient(0deg, rgba(49, 44, 57,1) 0%, rgba(159, 159, 159, 0) 100%);
	}
	.all
	{
		height: auto;
	}
	.all::after
	{
		background:none;
	}
	.arrow
	{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		image
		{
			width: 38rpx;
			height: 38rpx;
		}
	}
}
.list
{
	padding: 30rpx;
	box-sizing: border-box;
	.top
	{
		display: flex;
		align-items: center;
		margin-bottom: 40rpx;
		.line
		{
			width: 4rpx;
			height: 32rpx;
			background-color: #FFF29A;
			border: 2rpx;
		}
		text{
			color: #FFF29A;
			font-size: 32rpx;
			font-weight: 500;
			margin-left: 20rpx;
		}
	}
	.item
	{
		display: flex;
		align-items: center;
		// padding: 20rpx;
		box-sizing: border-box;
		margin-bottom: 40rpx;
		padding: 30rpx;
		background: #3D3943;
		border-radius: 20rpx;
		.imgbox
		{
			width: 180rpx;
			height: 256rpx;
			border-radius: 20rpx;
			position: relative;
			.img
			{
				width: 100%;
				height: 100%;
			}
		}
		.info
		{
			margin-left: 30rpx;
			width: 480rpx;
			.name
			{
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0;
				margin-bottom: 20rpx;
				.name-left{
					display: flex;
					align-items: center;
					.tip
					{
						width: 32rpx;
						height: 32rpx;
						text-align: center;
						line-height: 32rpx;
						background-color: #FFF29A;
						color: #312C39;
						font-size: 20rpx;
						border-radius: 6rpx;
					}
					.n_name
					{
						font-size: 32rpx;
						font-weight: 400;
						line-height: 32rpx;
						color: #FFFFFF;
						margin-left: 15rpx;
					}
				}
				.name-right{
					width: 90rpx;
					font-size: 40rpx;
					color: #FFF29A;
				}		
			}
			.mark
			{
				display: flex;
				flex-wrap: wrap;
				margin-top: 15rpx;
				.markname
				{
					padding: 4rpx 8rpx;
					border-radius: 4rpx;
					background-color: #47424F;
					color: #FFFFFF;
					font-size: 20rpx;
					text-align: center;
					margin-right: 15rpx;
					margin-bottom: 15rpx;
				}
			}
			.info-bot{
				// height: 68rpx;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				line-height: 34rpx;
				overflow: hidden;
				color: #9f9f9f;
				.bot-text{
					color: #FFF29A;
				}
			}
		}
	}
}

.light-index{
	background: #fff !important;
	min-height: 100%;
}
.light-333{
	color: #333 !important;
}
.light-rateview{
	background: #ffffff !important;
	box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0,0,0,0.08) !important;
}
.light-score{
	color: #ff9d66 !important;
}
.light-line{
	background: #ff9d66 !important;
}
.light-item{
	background: #fff !important;
	box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,0,0,0.06) !important; 
}
.light-tip{
	background: #ff7664 !important;
	color: #fff !important;
}
.light-markname{
	background: #ffa573 !important;
	color: #fff !important;
}
.light-bot-text{
	color: #FF7171 !important;
}